@import '~antd/es/style/themes/default.less';

@bgColor: rgba(60, 60, 60, 0.2);

html,
body,
#root {
  height: 100%;
  color: #e5e5e5;
}

.colorWeak {
  filter: invert(80%);
}


.ant-layout {
  min-height: 100vh;
}

canvas {
  display: block;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

ul,
ol {
  list-style: none;
}

:global {
  .ant-layout {
    min-width: 900px;
  }
  .ant-form-item {
    margin-bottom: 5px!important;
  }
  ::-webkit-scrollbar {/*滚动条整体样式*/
    width: 1px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 8px;
  }
}
.visual {
  width: 100%;
  height: calc(100vh - 98px);
  position: relative;

  .visualLeft,
  .visualRight,
  .visualBottom {
    width: 25%;
    height: 100%;
    position: absolute;
    border: none;
    border-radius: 0px;
    z-index: 999;
    @media screen and (min-width: 1400px){
      width: 23%;
    }
    @media screen and (max-width: 940px){
      width: 30%;
    }
  }

  .visualLeft {
    top: 0;
    left: 0;
    background-image: linear-gradient(to right,#000000 10%, rgba(0, 0, 0, 0.7) 45%, rgba(25, 25, 25,0.7));
  }

  .visualCenter {
    height: 100%;
    position: relative;
  }

  .visualRight {
    top: 0;
    right: 0;
    background-image: linear-gradient(to left,#000000 10%, rgba(0, 0, 0, 0.7) 45%, rgba(25, 25, 25,0.7));
  }

  .visualBottom, .mapWrapper {
    display: flex;
    width: 75%;
    bottom: 0;
    height: 35%;
    // background-image: linear-gradient(to top, #000000 10%, rgba(0, 0, 0, 0.7) 40%, rgba(12, 12, 12, 0.1));
    @media screen and (min-width: 1400px){
      width: 77%;
    }
  }
  .mapWrapper {
    height: 70%;
  }
}

@media (max-width: @screen-xs) {
  .ant-table {
    width: 100%;
    overflow-x: auto;

    &-thead>tr,
    &-tbody>tr {

      >th,
      >td {
        white-space: pre;

        >span {
          display: block;
        }
      }
    }
  }
}

// 兼容IE11
@media screen and(-ms-high-contrast: active),
(-ms-high-contrast: none) {
  body .ant-design-pro>.ant-layout {
    min-height: 100vh;
  }
}
